<template>
    <a-card :title="prop.title" :bordered="false" :bodyStyle="styleB" :headStyle="styleB">
        <slot name="default"></slot>
        <template #extra v-if="!!slots.extra">
            <slot name="extra"></slot>
        </template>
    </a-card>
</template>

<script setup lang="ts" name="FuCard">
import {useSlots} from 'vue'

let slots = useSlots()

const prop = defineProps({
    title: {
        type: String,
        default: () => 'message'
    }
})
const styleB =
{
    backgroundColor: 'var(--wang-bgcolor)',
    border: '1px solid var(--wangwang-border)',
    color: 'var(--wang-text-color)',
}
</script>

<style scoped lang="scss"></style>